<% agenda_item_child = form.object %>
<div class="card meeting-agenda-item-child p-4" id="<%= tabs_id %>-child-<%= tabs_id_child %>-field">
  <div class="card-divider agenda-item-child-divider">
    <h2 class="card-title">
      <span>
        <%== "#{icon("drag-move-2-fill")} #{t(".agenda_item_child")}" %>
      </span>

      <button class="button button__sm button__transparent-secondary small alert move-up-agenda-item-child button--title">
        <%== "#{icon("arrow-up-line")} #{t(".up")}" %>
      </button>

      <button class="button button__sm button__transparent-secondary small alert move-down-agenda-item-child button--title">
        <%== "#{icon("arrow-down-line")} #{t(".down")}" %>
      </button>

      <button class="button button__sm button__transparent-secondary small alert remove-agenda-item-child button--title">
        <%= t(".remove") %>
      </button>
    </h2>
  </div>

  <div class="card-section">
    <%= render "agenda_item_fields", tabs_id: tabs_id_child, form:, agenda_item: agenda_item_child %>
  </div>
</div>
